<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>css16 结构伪类</title>
<style>
    /* 选中的是div的第一个儿子p 结构1*/
    /* div>p:first-child
    {
        color: red;
    } */
    /* 选中的是div的第一个儿子p，但第一个儿子为span，所以都没变色 结构2*/
    /* div>p:first-child
    {
        color: red;
    } */
    /* 选中的是p元素，且p的父亲是谁无所谓，但必须是其父亲的第一个儿子
    结构3 */
     p:first-child
    {
        color: red;
    }
    
</style>


</head>
<body>
    <!-- 结构1 -->
    <!-- <div>
        <p >zhangsan</p>
        <p>zhangsi</p>
        <p>zhangwu</p>
        <p>zhangliu</p>
    </div> -->
    
    <!-- 结构2 -->
<!-- <div>
    <span>zhanger</span>    
    <p >zhangsan</p>
        <p>zhangsi</p>
        <p>zhangwu</p>
        <p>zhangliu</p>
    </div> -->

<!-- 结构3 -->
<!-- 为body的第一个儿子     -->
<p>测试1</p>
<div>
    <p >zhangsan</p>
        <marquee ><p>
        zhangyi
    </p></marquee>
        <span>zhanger</span>    
    
        <p>zhangsi</p>
        <p>zhangwu</p>
        <p>zhangliu</p>
    </div>
</body>
</html>